<template>
  <!-- 企宽二级图表 -->
  <div class="antd-pro-pages-dashboard-analysis-twoColLayout" style="padding-top:0px">
    <a-row :gutter="24" type="flex" style="background-color:#F0F2F5;">
      <a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
        <a-card :bordered="false" title="企宽在途">    
          <SecondLevelWayChart ></SecondLevelWayChart>
        </a-card>
      </a-col>
    </a-row>

    <a-row :gutter="24" type="flex" style="background-color:#F0F2F5;">
      <a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
        <a-card :bordered="false" title="企宽投诉">
          <SecondLevelComplaintChart></SecondLevelComplaintChart>
        </a-card>
      </a-col>
    </a-row>


  </div>
</template>

<script>
import {} from '@/utils/util'
import {} from '@/api/public'
import moment from 'moment'
import Vue from 'vue'
import SecondLevelWayChart from '@/views/analysisManage/enterpriseWide/secondLevelChart/secondLevelWayChart'
import SecondLevelComplaintChart from '@/views/analysisManage/enterpriseWide/secondLevelChart/secondLevelComplaintChart'
export default {
  components: {SecondLevelComplaintChart,SecondLevelWayChart},
  data() {
    return { 
           
    }
  },
  created() {
   
  },
  mounted() {},
  methods: {
    moment,
  
  }
  
}
</script>
<style lang="less" scoped>
.extra-wrapper {
  line-height: 55px;
  padding-right: 24px;
  .extra-item {
    display: inline-block;
    margin-right: 24px;

    a {
      margin-left: 24px;
    }
  }
}
.antd-pro-pages-dashboard-analysis-twoColLayout {
  position: relative;
  display: flex;
  display: block;
  flex-flow: row wrap;
}
.antd-pro-pages-dashboard-analysis-salesCard {
  height: calc(100% - 24px);
  /deep/ .ant-card-head {
    position: relative;
  }
}
.dashboard-analysis-iconGroup {
  i {
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    transition: color 0.32s;
    color: black;
  }
}
.analysis-salesTypeRadio {
  position: absolute;
  right: 54px;
  bottom: 12px;
}
</style>
